<template>
  <div class="height100">
    <div class="ls-text-halfLine" v-for="item in routes.filter(x => !x.meta || (x.meta &&
    (x.meta['showInList'] === true || x.meta['showInList'] === undefined)))" :key="item.path">
      <router-link :to="{
        path:item.path,
        query:item.meta && item.meta['query'],
        params:item.meta && item.meta['params']}">
        {{ item.name }}
      </router-link>
    </div>
  </div>
</template>

<script lang="ts">
import Vue from "vue";
import {routes} from "./router";
import type {RouteConfig} from "vue-router/types/router";

export default Vue.extend<{ routes: RouteConfig[] }, unknown, unknown>({
  name: 'ViewSelector',
  created() {
    this.routes = routes;
  }
})
</script>

<style>

</style>
